<img src="/img/head.jpg" >
<!-- 头部导航条（含有登录 注册 购物车部分）开始 -->
<div class="header">
    <div class="header-nav">
        <div class="header-left">
            <ul>
                <li><a href="#">海鸥商城</a></li>
                <li><a href="#">海鸥官网</a></li>
                <li><a href="#">微信商城</a></li>
                <li><a href="#">售后维修</a></li>
                <a href="#">咨询热线: 400-667-0088</a>
            </ul>
        </div>
        <!-- 登录注册和购物车 -->
        <div class="header-right">
            <div class="log-reg"><a href="#">访问手机版</a>
                <a href="/html/login.html">登录</a>
                <a href="/html/register.html">注册</a></div>
            <div class="shop">
                <p><a href="/html/shopcart.html">购物车(<span id="shopnum">0</span>)</a></p>
            </div>
        </div>
    </div>
</div>
<!-- 头部导航条（含有登录 注册 购物车部分） 结束 -->

<!-- logo部分的导航条 （含有logo和搜索框）开始 -->
<nav>
    <div class="nav">
        <div class="nav-logo"><a href="#"><img src="/img/logo.png" alt=""></a></div>
        <!-- 导航条 -->
        <div class="nav-ul">
            <ul>
                <li><a href="/index.html">首页</a></li>
                <li><a href="/html/list.html">全部商品</a></li>
                <li><a href="#">品牌介绍</a></li>
                <li><a href="#">客户服务</a></li>
                <li><a href="/html/shopcart.html">购物车</a></li>
                <li><a href="#">真伪鉴别</a></li>
                <li><a href="#">名表维修</a></li>
            </ul>
        </div>
        <!-- 搜索框 -->
        <div class="nav-search">
            <form action="">
                <input type="text">
                <div class="nav-search-text">
                    <a href="/html/list.html">男表</a>
                    <a href="/html/list.html">女表</a>
                </div>
                <i></i>
            </form>
        </div>	
    </div>
</nav>
<!-- logo部分的导航条 （含有logo和搜索框）结束 -->